<!DOCTYPE html>
<html>
<head>
	<title>Arryangga Circle's</title>
	<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
	<link rel="stylesheet" type="text/css" href="css/style.css">
	<link href='http://fonts.googleapis.com/css?family=Bree+Serif' rel='stylesheet' type='text/css'>
	<link href='http://fonts.googleapis.com/css?family=Open+Sans:300,700' rel='stylesheet' type='text/css'>
</head>
<body>
<nav class="navbar navbar-default">
	<div class="container">
		<div class="row">
			<div class="col-lg-12">
				<div class="visible-md visible-lg">
					<div class="navigationContent"></div>
				</div>
				<div class="navbar-header">
					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbarTop">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<a href="#" title="Arryangga Aliev Pratamaputra" class="breeFont">
						<h1>Hi? I'am <span>Arryangga</span> </h1>
					</a>						
				</div>					
				<div class="collapse navbar-collapse" id="navbarTop">
					<ul class="nav navbar-nav navbar-right" >
						<li><a href="#">Link</a></li>
						<li><a href="#">Link</a></li>
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
							<ul class="dropdown-menu">
								<li><a href="#">Action</a></li>
								<li><a href="#">Another action</a></li>
								<li><a href="#">Something else here</a></li>
								<li class="divider"></li>
								<li><a href="#">Separated link</a></li>
								<li class="divider"></li>
								<li><a href="#">One more separated link</a></li>
							</ul>
						</li>
					</ul>						
					</ul>
				</div>					
			</div>
		</div>
	</div>
</nav>
<div class="container">
	<div class="row">
		<div class="col-lg-8 col-lg-offset-2">
			<div class="searchArea">
				<form expr:action='data:blog.homepageUrl + &quot;search/&quot;' class='input-group input-group-lg' method='get'>
					<input id='s' name='q' type='text' placeholder='Enter keywords' class="form-control"/>
					<span class="input-group-btn">
						<button class="btn btn-primary btn-lg" type="button">Search Here!</button>
					</span>
				</form>
			</div>
		</div>
	</div>
	<div class="row">
		<div class="col-md-8">
			<div class="row">
				<div class="col-lg-12">
					<article class="blogPosting">
						<div class="dateInfo">
							No comments : Posted by Arryangga Aliev Pratamaputra at 1:54 AM
						</div>
						<h1 class="breeFont"><a href="">Lorem ipsum dolor sit amet, consectetur adipisicing elit</a></h1>
						<span class="post-labels">
							<a class="label label-danger" href="http://arryanggaimhere.blogspot.com/search/label/lorem" rel="tag">
							lorem
							</a>
						</span>
						<aside>
							Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
							tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
							quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
							consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
							cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
							proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
							<blockquote>
							Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
							tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
							quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
							consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
							cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
							proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
							</blockquote>
						</aside>
					</article>
				</div>
			</div>
		</div>
		<!-- <div class="col-lg-4">
			<div class="widgetCenterArea">
				<div class="g-person" id="googlePersons" data-width="250" data-href="//plus.google.com/u/0/102664496217848607724" data-rel="author"></div>

				<!-- Place this tag after the last widget tag. -->
				<script type="text/javascript">
				  window.___gcfg = {lang: 'id'};

				  (function() {
				    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
				    po.src = 'https://apis.google.com/js/platform.js';
				    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
				  })();
				</script>
			</div>
			<!-- Place this tag where you want the widget to render. -->
		</div> -->
	</div>
</div>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/myweb.js"></script>
</body>
</html>